<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Better Check Boxes with jQuery and CSS | Tutorialzine Demo</title>

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="jquery.tzCheckbox/jquery.tzCheckbox.css" />

</head>
<body>

<div id="page">

	<form method="get" action="./">
    	<ul>
    		<li><label for="ch_effects">Display effects: </label><input type="checkbox" id="ch_effects" name="ch_effects" data-on="Show effects" data-off="Hide effects" /></li>
        	<li><label for="ch_location">Enable location tracking: </label><input type="checkbox" id="ch_location" name="ch_location" checked /></li>
	        <li><label for="ch_showsearch">Include me in search results: </label><input type="checkbox" id="ch_showsearch" name="ch_showsearch" /></li>
	        <li><label for="ch_emails">Email notifications: </label><input type="checkbox" id="ch_emails" name="ch_emails" data-on="ON" data-off="OFF" /></li>
<!--  
	        <li>
				<LABEL for=ch_effects>Display effects: </LABEL>
				<INPUT style="DISPLAY: none" id=ch_effects type=checkbox name=ch_effects data-off="Hide effects" data-on="Show effects" jQuery1510708678460673614="1">
				<SPAN class="tzCheckBox  checked">
				<SPAN class=tzCBContent>Show effects</SPAN>
				<SPAN class=tzCBPart></SPAN></SPAN>	        
	        </li>

			<li>
				<LABEL for=ch_effects>Display effects: </LABEL>
				<INPUT style="DISPLAY: none" id=ch_effects type=checkbox name=ch_effects data-off="Hide effects" data-on="Show effects" jQuery110205829999243272782="1">
				<SPAN class="tzCheckBox " jQuery110205829999243272782="2">
				<SPAN class=tzCBContent>Hide effects</SPAN>
				<SPAN class=tzCBPart></SPAN></SPAN>			
			</li>
-->
        </ul>
    </form>

    <!-- You are free to remove this footer -->
    
    <div id="footer">
        <h2>WWW.CHINAZ.COM</h2>
        <a class="tzine" href="http://sc.chinaz.com/">SC.CHINAZ.COM</a>
    </div>

</div>


<script src="assets/js/jquery-1.10.2.min.js"></script>
<script src="jquery.tzCheckbox/jquery.tzCheckbox.js"></script>
<script src="js/script.js"></script>
</body>
</html>
